<template>
  <view class="app-container">
    <u-cell-group :border="false" class="edituserinfo-container">
      <u-cell :border="false" isLink url="/pages/changeawatar/changeawatar">
        <view slot="title">
          <text>头像</text>
        </view>
        <view slot="value">
          <image src="../../static/logo.png" mode=""></image>
        </view>
      </u-cell>
      <u-cell :border="false" isLink url="/pages/editusername/editusername">
        <view slot="title">
          <text>昵称</text>
        </view>
        <view slot="value">
          <text>{{ nickName }}</text>
        </view>
      </u-cell>
      <u-cell :border="false" isLink url="/pages/editpwd/editpwd">
        <view slot="title">
          <text>修改密码</text>
        </view>
      </u-cell>
    </u-cell-group>
  </view>
</template>

<script>
export default {
  data() {
    return {}
  },
  computed: {
    nickName() {
      return this.$store.state.user.nickName
    }
  }
}
</script>

<style lang="scss">
.edituserinfo-container {
  image {
    width: 40px;
    height: 40px;
    border-radius: 50%;
  }
}
</style>
